<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:x="http://java.sun.com/jsf/composite/movie"
      xmlns:f="http://java.sun.com/jsf/core">
    <ui:composition  template="/template.xhtml">
        <ui:define name="content">

            <h:form>
                <h:outputLabel for="statusFilter" value="Filter by: "/>
                <h:selectOneListbox style="width: 100px;" value="#{movieController.selectedFilter}"  id="statusFilter" size="1" onchange="submit();" >
                    <f:selectItems value="#{movieController.statusFilterValues}"  var="stat" itemLabel="#{stat.movieStatus.toLowerCase()}" itemValue="#{stat.movieStatus}" />
                </h:selectOneListbox>
            </h:form>

            <h:form>
                <x:movieTable controller="#{movieController}" />
            </h:form>
        </ui:define>
    </ui:composition>
</html>

